<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>站内信</title>
		<link type="text/css" rel="stylesheet" href="../jquery-easyui-1.4.2/themes/default/easyui.css">
		<link type="text/css" rel="stylesheet" href="../jquery-easyui-1.4.2/themes/icon.css">
		<script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="../jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js"></script>
		<style type="text/css">
			a{
				text-decoration: none;
			}
		</style>
		<script type="text/javascript">
			function addTab(url,name) {
				if ($('#center').tabs('exists',name)) {
					$('#center').tabs('select',name);
					// 更新选择的面板的新标题和内容
					var tab =$('#center').tabs('getSelected');// 获取选择的面板
					$('#center').tabs('update',{
						tab:tab,
						options:{}
					});
				}else {
					//添加一个未选中状态的选项卡面板
					$('#center').tabs('add',{
						title: name,
						selected: true,
						closable:true,
						style:{"padding":"10px"},
						content:'<iframe src="'+url+'" height="96%" width="100%" scrolling="auto" frameborder="0"></iframe> ',
					});
				}
			}
		</script>
	</head>
	<body class="easyui-layout" id="easyui-layout"> 
	    <div  id="west" data-options="region:'west',title:'站内信'" collapsible="false" style="width:200px;">
	    	<ul id="tt" class="easyui-tree">   
			    <li>   
			        <span><a href="javascript:addTab('writeMessage.jsp','写信');"style="width:160px;display: block;">写信</a></span>     
			    </li>   
			    <li>   
			        <span><a href="javascript:addTab('inBox.jsp','收件箱');"style="width:160px;display: block;">收件箱</a></span>   
			    </li> 
			     <li>   
			        <span><a href="javascript:addTab('outBox.jsp','发件箱');"style="width:160px;display: block;">发件箱</a></span>   
			    </li> 
			     <li>   
			        <span><a href="javascript:addTab('drafts.jsp','草稿箱');"style="width:160px;display: block;">草稿箱</a></span>   
			    </li> 
			     <li>   
			        <span><a href="javascript:addTab('recycleStand.jsp','回收站');"style="width:160px;display: block;">回收站</a></span>   
			    </li> 
			</ul>  
	    </div>   
	    <div  id="center" data-options="region:'center'" class="easyui-tabs" tabHeight="24px" tabWidth="100px" style="padding:0px;">
	    	<div title="首页" style="padding:20px;" >   
			        欢迎使用       ！！！
			</div>
	    </div>   
	</body> 
</html>
